<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"  %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'single-product.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    
    
    
    <link href='https://fonts.googleapis.com/css?family=Titillium+Web:400,200,300,700,600' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Raleway:400,100' rel='stylesheet' type='text/css'>
    
    <!-- Bootstrap -->
    <link rel="stylesheet" href="PAGE/css/bootstrap.min.css">
    
    <!-- Font Awesome -->
    <link rel="stylesheet" href="PAGE/css/font-awesome.min.css">
    
    <!-- Custom CSS -->
    <link rel="stylesheet" href="PAGE/css/owl.carousel.css">
    <link rel="stylesheet" href="PAGE/style.css">
    <link rel="stylesheet" href="PAGE/css/responsive.css">
    

  </head>
  
  <body>
  <div class="header-area">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <div class="user-menu">
                        <ul>
                               <li><a href="UserAndOrder/userDetail.jsp"><i class="fa fa-user"></i> 我的账户</a></li>
                          <!--   <li><a href="#"><i class="fa fa-heart"></i>心愿单</a></li> -->
                            <li><a href="AddCartServlet?id=0"><i class="fa fa-user"></i>购物车</a></li>
                            <li><a href="OrderServlet?type=0"><i class="fa fa-user"></i> 订单信息</a></li>
                            
                            
                            <c:choose>
                            	<c:when test="${sessionScope.user.usersNickname eq null}">
                            	<li><a href="UserAndOrder/login.jsp"><i class="fa fa-user">用户登录</i>
                            	
                            	</c:when>
                            	<c:otherwise>
                            	<li><a href="UserAndOrder/userDetail.jsp"><i class="fa fa-user">${sessionScope.user.usersNickname}</i>
                            	
                            	</c:otherwise>
                            </c:choose>
                            
                             </a></li>
                        </ul>
                    </div>
                </div>
                
                <div class="col-md-4">
                    <div class="header-right">
                        <ul class="list-unstyled list-inline">
                            <li class="dropdown dropdown-small">
                                <a data-toggle="dropdown" data-hover="dropdown" class="dropdown-toggle" href="#"><span class="key">货币 :</span><span class="value">人民币 </span><b class="caret"></b></a>

                            </li>

                            <li class="dropdown dropdown-small">
                                <a data-toggle="dropdown" data-hover="dropdown" class="dropdown-toggle" href="#"><span class="key">语言:</span><span class="value">简体中文</span><b class="caret"></b></a>
                                <ul class="dropdown-menu">

                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div> <!-- End header area -->
    
  
                    <div class="logo">
                        <div style="text-align: center;">
                            <form action="UserSearchServlet" method="post">
                            	<a href="./"><img src="PAGE/img/logo.png"   ></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      			 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      			 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      			
                      			 <font style="font-style:微软雅黑;" size="5" color="#0C89CF">搜 索 商 品    </font>
                       			<input type="text" name="usersearch" placeholder="请输入搜索内容">
                                <input type="submit" value="搜索">
                            </form>  
                        </div>
                    </div>
                    
<!-- End site branding area -->
    
    <div class="mainmenu-area">
        <div class="container">
            <div class="row">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div> 
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li ><a href="/eshop/PAGE/InterFace.jsp"">主页</a></li>
                        <li><a href="UserSearchServlet">商品页面</a></li>
                        <li class="active"><a href="ProductDetailsServlet?id=0">商品详情</a></li>
                        <li><a href="AddCartServlet?id=0">购物车</a></li>
                        <li><a href="OrderServlet?type=0">您的宝贝</a></li>
                         <li><a href="EvaluateServlet?type=showEvaluate">留言板</a></li>
                        <%--
                        <li><a href="#">Category</a></li>
                        <li><a href="#">Others</a></li>
                        <li><a href="#">Contact</a></li>
                    --%>
                    </ul>
                </div>  
            </div>
        </div>
    </div> <!-- End mainmenu area -->
    
    <div class="product-big-title-area">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="product-bit-title text-center">
                        <h2>Shop</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
    <div class="single-product-area">
        <div class="zigzag-bottom"></div>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="single-sidebar">
                        <h2 class="sidebar-title">搜 索 商 品</h2>
                        <form action="UserSearchServlet" method="post">
                       			<input type="text" name="usersearch" placeholder="请输入搜索内容">
                                <input type="submit" value="搜索">
                        </form>
                    </div>
                    
                   	<div class="single-sidebar">
							<h2 class="sidebar-title">
								其他商品
							</h2>
							
							<div class="thubmnail-recent">
								<img src="PAGE/img/product-thumb-1.jpg" class="recent-thumb"
									alt="">
								<h2>
									<a href="ProductDetailsServlet?id=3">魅族MAX4</a>
								</h2>
								<div class="product-sidebar-price">
									<ins>
										￥1699
									</ins>

								</div>
							</div>
							
							<div class="thubmnail-recent">
								<img src="PAGE/img/product-thumb-b.jpg" class="recent-thumb"
									alt="">
								<h2>
									<a href="ProductDetailsServlet?id=23">NikonCOOLPIX P900s</a>
								</h2>
								<div class="product-sidebar-price">
									<ins>
										￥7999
									</ins>
								</div>
							</div>
							
							<div class="thubmnail-recent">
								<img src="PAGE/img/product-thumb-c.jpg" class="recent-thumb"
									alt="">
								<h2>
									<a href="ProductDetailsServlet?id=10">联想700S</a>
								</h2>
								<div class="product-sidebar-price">
									<ins>
										￥5888
									</ins>
				
								</div>
							</div>
							<div class="thubmnail-recent">
								<img src="PAGE/img/product-thumb-d.jpg" class="recent-thumb"
									alt="">
								<h2>
									<a href="ProductDetailsServlet?id=15">戴尔ran</a>
								</h2>
								<div class="product-sidebar-price">
									<ins>
										$700.00
									</ins>
								</div>
							</div>
						</div>
                    
                  <div class="single-sidebar">
							<h2 class="sidebar-title">
								推 荐 商 品
							</h2>
							<ul>
								<li>
									<a href="ProductDetailsServlet?id=19">NikonCOOLPIX P330</a>
								</li>
								<li>
									<a href="ProductDetailsServlet?id=20">NikonCOOLPIX P900s</a>
								</li>

							</ul>
						</div>
                </div>
                
                
                <c:forEach items="${information}" var="everinformation">           
                <div class="col-md-8">
                    <div class="product-content-right">
                        
                        
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="product-images">
                                    <div class="product-main-img">
                                        <img src="${everinformation.goodsImg}" alt="">
                                        <div  style="margin: 80px">
                                         <form action="AddCartServlet" class="cart" >
                                       		 <input type="hidden" name="id" value="${everinformation.goodsId}">
 											<input type="submit" value="添加到购物车">
                                   		 </form>
                                        
                                        </div>
               
                                    </div>
                                    
                                    <div class="product-gallery">
                                
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-sm-6">
                                <div class="product-inner">
                                 
                                    <div class="product-inner-price" >
                                    
                                    	<ins style="font-size: 30px">商品名称:${everinformation.goodsName }</ins> 
                                    	<br>
                                    	<br>
                                    	<br>
                                        <ins style="font-size: 30px">价格:${everinformation.goodsPrice }元</ins> 
                                    </div>    
                                    
                                   
                                   
                                  
                                    
                                    <div role="tabpanel">
                                        <ul class="product-tab" role="tablist">
                                            <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">商品描述</a></li>
                                            
                                        </ul>
                                        <div class="tab-content">
                                            <div role="tabpanel" class="tab-pane fade in active" id="home">
                                                <h2>产品描述</h2>  
                                               
                                                
                                                <div style="font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif">
                                                	${everinformation.goodsRemark }
                                                </div>

                                               
                                             </div>
                                           
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        </c:forEach>
                        
                        
                        
                        
                        
                        <div class="related-products-wrapper">
                            <h2 class="related-products-title">优   品   推    荐</h2>
                            <div class="related-products-carousel">
                               
                                
                               
                                <div class="single-product">
                                    <div class="product-f-image">
                                        <img src="PAGE/img/product-4.jpg" alt="">
                                        <div class="product-hover">
                                            <a href="AddCartServlet?id=23" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i>添加到购物车</a>
                                            <a href="ProductDetailsServlet?id=23" class="view-details-link"><i class="fa fa-link"></i>查看详情</a>
                                        </div>
                                    </div>

                                    <h2><a href="">索尼A6500</a></h2>

                                    <div class="product-carousel-price">
                                        <ins>￥12333</ins>
                                    </div>                            
                                </div>
                                <div class="single-product">
                                    <div class="product-f-image">
                                        <img src="PAGE/img/product-5.jpg" alt="">
                                        <div class="product-hover">
                                            <a href="AddCartServlet?id=12" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i>添加到购物车</a>
                                            <a href="ProductDetailsServlet?id=12" class="view-details-link"><i class="fa fa-link"></i>查看详情</a>
                                        </div>
                                    </div>

                                    <h2><a href="">惠普TX</a></h2>

                                    <div class="product-carousel-price">
                                        <ins>￥5999</ins>
                                    </div>                                 
                                </div>
                                <div class="single-product">
                                    <div class="product-f-image">
                                        <img src="PAGE/img/product-6.jpg" alt="">
                                        <div class="product-hover">
                                            <a href="AddCartServlet?id=16" class="add-to-cart-link"><i class="fa fa-shopping-cart"></i>添加到购物车</a>
                                            <a href="ProductDetailsServlet?id=16" class="view-details-link"><i class="fa fa-link"></i>查看详情</a>
                                        </div>
                                    </div>

                                    <h2><a href="">戴尔灵越</a></h2>

                                    <div class="product-carousel-price">
                                        <ins>￥7899</ins>
                                    </div>                            
                                </div>                                    
                            </div>
                        </div>
                    </div>                    
                </div>
            </div>
        </div>
    </div>


   

   
    <!-- Latest jQuery form server -->
    <script src="https://code.jquery.com/jquery.min.js"></script>
    
    <!-- Bootstrap JS form CDN -->
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    
    <!-- jQuery sticky menu -->
    <script src="PAGE/js/owl.carousel.min.js"></script>
    <script src="PAGE/js/jquery.sticky.js"></script>
    
    <!-- jQuery easing -->
    <script src="PAGE/js/jquery.easing.1.3.min.js"></script>
    
    <!-- Main Script -->
    <script src="PAGE/js/main.js"></script>
  </body>
</html>
